<!DOCTYPE html>
<html lang="en">
<head>
    <% include ./public/meta.html %>
    <link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
    <title>甘孜</title>
</head>
<body>
    <header>
        <% include ./public/header.html %>
    </header>
    <section>
        <!--子菜单-->
        <div class="custom_box">
            <ul class="nav nav-tabs custom_menu">
                <li class="active">
                    <a href="javascript:void(0)" data-category="645">
                        <img src="../images/custom_icon1.png" alt="">
                        <span>康藏民俗</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" data-category="649">
                        <img src="../images/custom_icon2.png" alt="">
                        <span>康藏人文</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" data-category="643">
                        <img src="../images/custom_icon3.png" alt="">
                        <span>演出会展</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" data-category="644">
                        <img src="../images/custom_icon4.png" alt="">
                        <span>康巴文学</span>
                    </a>
                </li>
            </ul>
            <!--新闻列表-->
            <div class="tab-content">
                <div class="tab-pane active" id="custom">
                    <ul id="j-product">
                        <% news.forEach((item,index) => { %>
                        <li data-id="<%=item.id%>" class="clearfix">
                            <a href="/custom/p<%=item.id%>">
                                <div class="news_left">
                                <% if(item.img) {%>
                                    <img src="<%=item.img%>" alt="<%=item.category%>">
                                <% } else {%>
                                    <img src="../images/img.png" alt="<%=item.category%>">
                                <% } %>
                                
                                </div>
                                <div class="news_right">
                                    <p class="news_text line2"><%=item.title%></p>
                                    <p class="new_img">
                                        <span class="time_con"><img src="../images/time.png" alt=""><%=item.datetime%></span>
                                        <span class="search_con" style="width:30%;"><img src="../images/search.png" alt=""><%=item.pvCount%></span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <% }) %>
                    </ul>
                    <% if(news.length == 10) {%>
                    <p class="more see-more" data-page="1">加载更多</p>
                    <% } %>
                </div>
                <div class="tab-pane" id="humanity"></div>
                <div class="tab-pane" id="performance"></div>
                <div class="tab-pane" id="literature"></div>
            </div>
        </div>
    </section>
    <% include ./public/footer_js.html %>
    <script id="goods-list-temp" type="text/html">
    {{each list as item i}}
    <li data-id="{{item.id}}" class="clearfix">
        <a href="/local/p{{item.id}}">
            <div class="news_left">
            {{ if  item.img}}
                <img src="{{item.img}}" alt="{{item.category}}">
            {{else}}
                <img src="../images/img.png" alt="{{item.category}}">
            {{/if}}
            </div>
            <div class="news_right">
                <p class="news_text line2">{{item.title}}</p>
                <p class="new_img">
                    <span class="time_con"><img src="../images/time.png" alt="">{{item.datetime}}</span>
                    <span class="search_con" style="width:30%;"><img src="../images/search.png" alt="">{{item.pvCount}}</span>
                </p>
            </div>
        </a>
    </li>
  {{/each}}   
  </script>
</body>
</html>